import React, { Component, Fragment } from 'react'

/**
 * Fragment的知识点其实很简单，我们之前每次定义组件的时候，由于JSX的语法需要，
 * 总会使用一个div来包裹我们的其他组件元素，但是这样有一个缺点：让我们的页面嵌套层次过深
 * 我们可以使用 Fragment 或者 <></> 这种空标签来避免上述问题
 * 需要注意的是，虽然二者都可以解决根标签的问题，但是在使用上二者还是有些不同的，
 * Fragment标签中可以传递参数key,而空标签是不允许传递参数的
 */
export default class Demo extends Component {
    render() {
        return (
            <Fragment key="1">
                <input /><br />
                <input />
            </Fragment> 
        )
    }
}
